<!DOCTYPE html>
<html lang="zxx" class="js">

<head>
    <base href="../">
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description"
        content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers.">
    <!-- Fav Icon  -->
    <link rel="shortcut icon" href="./images/favicon.png">
    <!-- Page Title  -->
    <title>添加新用户</title>
    <!-- StyleSheets  -->
    <link rel="stylesheet" href="./assets/css/dashlite.css?ver=2.2.0">
    <link id="skin-default" rel="stylesheet" href="./assets/css/theme.css?ver=2.2.0">
</head>

<body class="nk-body bg-lighter npc-general has-sidebar " ng-app="alienPlants" ng-controller="userController"
ng-init="initMyInfo()">
    <div class="nk-app-root">
        <!-- main @s -->
        <div class="nk-main ">
            <!-- sidebar @s -->
            <div class="nk-sidebar nk-sidebar-fixed is-dark " data-content="sidebarMenu" id="sliderModel">        
            </div>
            <!-- sidebar @e -->
            <!-- wrap @s -->
            <div class="nk-wrap ">
                <!-- main header @s -->
                <div class="nk-header nk-header-fixed is-light" id="headerSilder">
                </div>
                <!-- main header @e -->
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="components-preview wide-md mx-auto">
                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title mb-4">添加新用户</h3>
                                        </div><!-- .nk-block-head-content -->
                                        <div class="card card-preview px-0">
                                            <div class="card-inner">
                                                <div class="preview-block">
                                                    <span class="preview-title-lg overline-title">Insert
                                                        Information</span>
                                                    <form class="form-validate is-alter">
                                                        <div class="row gy-4">
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-01">用户名</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-user"></em>
                                                                        </div>
                                                                        <input type="text" class="form-control" required
                                                                            id="default-01" name="username" placeholder="请输入用户名 "
                                                                            ng-model="addUserInfo.username">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-02">真实姓名</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-user-alt"></em>
                                                                        </div>
                                                                        <input type="text" class="form-control" required
                                                                            id="default-02" name="realname" placeholder="请输入真实姓名"
                                                                            ng-model="addUserInfo.realname">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-03">密码</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-lock"></em>
                                                                        </div>
                                                                        <input type="password" class="form-control"
                                                                            required id="default-03" name="password" placeholder="请输入密码"
                                                                            ng-model="addUserInfo.password">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-04">重复密码</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-lock-alt"></em>
                                                                        </div>
                                                                        <input type="password" class="form-control"
                                                                            required id="default-04" name="repassword" placeholder="请重复密码"
                                                                            ng-model="valid.repassword">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-05">部门</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-home-alt"></em>
                                                                        </div>
                                                                        <input type="text" class="form-control" required
                                                                            id="default-05" name="dept" placeholder="请输入部门"
                                                                            ng-model="addUserInfo.dept">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-06">手机号</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-mobile"></em>
                                                                        </div>
                                                                        <input type="text" class="form-control" required
                                                                            id="default-06" name="phone" placeholder="请输入手机号"
                                                                            ng-model="addUserInfo.phone">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-07">邮箱</label>
                                                                    <div class="form-control-wrap">
                                                                        <div class="form-icon form-icon-left">
                                                                            <em class="icon ni ni-mail"></em>
                                                                        </div>
                                                                        <input type="email" class="form-control"
                                                                            required id="default-07" name="email" placeholder="请输入邮箱"
                                                                            ng-model="addUserInfo.email">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="form-group">
                                                                    <label class="form-label"
                                                                        for="default-08">用户类型</label>
                                                                    <div class="form-wrap form-control-wrap">
                                                                        <select class="form-select form-select-sm form-control"
                                                                            ng-model="addUserInfo.usertype" id="default-08" name="usertype"
                                                                            data-placeholder="请选择用户类型"
                                                                            required>
                                                                            <option value=""></option>
                                                                            <option value="0">0:后台管理</option>
                                                                            <option value="1">1:部门管理</option>
                                                                            <option value="2">2:特殊身份</option>
                                                                            <option value="3">3:普通用户</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <button type="submit"
                                                                    class="btn btn-primary mt-3 mr-5 mb-4"
                                                                    style="float: right;"
                                                                    ng-click="addUser()">添加新用户</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div><!-- .card-preview -->
                                    </div><!-- .nk-block -->
                                </div><!-- .components-preview -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
                <!-- footer @s -->
                <div class="nk-footer">
                    <div class="container-fluid">
                        <div class="nk-footer-wrap">
                            <div class="nk-footer-copyright"> &copy; 2020 DashLite. Template by <a
                                    href="http://www.bootstrapmb.com/" target="_blank">Softnio</a>
                            </div>
                            <div class="nk-footer-links">
                                <ul class="nav nav-sm">
                                    <li class="nav-item"><a class="nav-link" href="#">Terms</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#">Privacy</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer @e -->
            </div>
            <!-- wrap @e -->
        </div>
        <!-- main @e -->
    </div>
    <!-- app-root @e -->
    <!-- JavaScript -->
    <script src="./assets/js/bundle.js?ver=2.2.0"></script>
    <script src="./assets/js/scripts.js?ver=2.2.0"></script>
    <script src="./assets/js/angular/angularjs/angular.min.js"></script>
    <script src="./assets/js/angular/angularjs/angular-route.min.js"></script>
    <script src="./assets/js/angular/base.js"></script>
    <script src="./assets/js/angular/service/userService.js"></script>
    <script src="./assets/js/angular/controller/userController.js"></script>
</body>

</html>